<template>
	<div style="padding:30px;">
		<el-form :model="dialogForm">
			<el-card class="box-card">
			  <div slot="header" class="clearfix">
			    <span style="line-height: 30px;">查看提车跟踪管理</span>
			  </div>
			  <div  class="text item">
				<el-table :data="tableData" border  >
				    <el-table-column label="订单号" width="140">
				      <template scope="scope">
				        <span >{{ scope.row.qcpp }}</span>
				      </template>
				    </el-table-column>
				    <el-table-column label="跟踪情况" >
				      <template scope="scope">
				        <span >{{ scope.row.qczpp }}</span>
				      </template>
				    </el-table-column>
				    
				    <el-table-column label="跟踪人" >
				      <template scope="scope">
				        <span >{{ scope.row.qccxx }}</span>
				      </template>
				    </el-table-column>
				    <el-table-column label="跟踪时间" >
				      <template scope="scope">
				        <span >{{ scope.row.qccx }}</span>
				      </template>
				    </el-table-column>
				    <el-table-column label="图片信息" >
				      <template scope="scope">
				        <span >{{ scope.row.qccx }}</span>
				      </template>
				    </el-table-column>
				    
				</el-table>
				  	
				</div>
			</el-card>

			<div style="text-align:right;margin-top:15px;">
				 <el-button @click="returnBack">返 回</el-button>
				 <el-button v-if="!isAdd" type="primary" @click="submitConfirmForm('dialogForm')">提 交</el-button>
			</div>
		</el-form>
	</div>
</template>
<script>
    import router from '@/router';
	export default{
		/*created:function(){
            eventIsAdd.$on('eventIsAdd', function(val) {console.log(val)})
            this.isAdd=false;
		}, */
		data(){
			
			return{
				isAdd:true,
				formLabelWidth:'170px',
				//弹窗或者查看页面信息
		        dialogForm:{
		          qcsl:"",
		          qckx:"",
		          qcys:"",
		          zdj_pz:"",
		          qczjg:"",
		          dzje:""
		        },
		        tableData:[
		          {qcpp:""}
		        ]
		        	

			}
		},methods:{
			returnBack(){
				router.push({ path:`/logistics/vehicleFollow/index`});
			},
			submitConfirmForm(formName){
				//this.isAdd=false;
                this.$refs[formName].validate((valid) => {
		          if (valid) {
		            alert('submit!');
		          } else {
		            console.log('error submit!!');
		            return false;
		          }
		        });
			}
		}
	};
	
</script>